<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>搜索中心</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/search.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_search_order.css" />
    <style>
        .van-field__left-icon .van-icon,
        .van-field__right-icon .van-icon {
            font-size: 18px;
        }

        .van-field__control[type=search] {
            height: 1.4rem;
        }

        .orderlist {
            margin-top: 15px;
        }

        .history_box {
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
        }

        .van-icon-search {
            color: #999;
            margin-top: 2px;
        }

        .new-vant-tag {
            padding: 3px 12px;
            color: #999 !important;
            background: #f0f0f0;
            border-color: #f0f0f0;
        }

        ::placeholder {
            font-size: 16px;
        }

        .text-blue {
            color: #1a66ff !important;
        }

        .text-grey {
            color: #999 !important;
        }
    </style>
</head>

<body>
    <div id="app">
        <!-- 取消订单 -->
        <van-dialog v-model="show" title="提示信息" :before-close="beforeClose" show-cancel-button>
            <div class="dialog_tishi aui-padded-10">订单取消后无法进行任何其它操作，是否确认取消订单？</div>
        </van-dialog>

        <van-sticky>
            <div class="sousuo">
                <van-search shape="round" v-model="form.keywords" placeholder="请输入商品名称/买家名称/订单编号" @search="onSearch" />
            </div>
        </van-sticky>
        <div class="sousuo_history" style="border-radius: 0;">
            <div class="his_title">
                搜索历史<span @click="handClearHistory">清除搜索历史</span>
            </div>
            <div class="history_box aui-margin-t-10">
                <van-tag type="primary" round plain v-for="item in history" :key="item" @click="handQuickSearch(item)"
                    class="new-vant-tag aui-margin-r-10">
                    <span v-text="item"></span>
                </van-tag>
            </div>
        </div>
        <section id="main_refresh" class="aui-refresh-content">
            <div v-if="orderlist.length>0" class="orderlist">
                <div class="order_list_item aui-margin-b-15" v-for="item in orderlist">
                    <div v-on:click="open_order_detail(item.ID)" class="gwc_item_name">
                        <div class="gwc_item_title">
                            <div class="order_num"><span
                                    v-bind:class="{'text-grey':item.OrderStatus==4,'text-blue':item.OrderStatus==1}">{{item.OrderStatusDesc}}</span>
                            </div>
                            <span class="item_title_type">{{item.AddTimeDesc}}</span>
                        </div>
                    </div>
                    <div class="order_product">
                        <ul class="aui-list aui-media-list" style="background-size:100% 0px; border: none;">
                            <li v-if="item.ProductList!=undefined&&item.ProductList.length==1"
                                v-for="item2 in item.ProductList" class="aui-list-item" style="border: none;"
                                v-on:click="open_order_detail(item.ID)">
                                <div class="aui-media-list-item-inner btn_line">
                                    <div class="aui-list-item-media">
                                        <img :src="item2.ProductCoverImg">
                                    </div>
                                    <div class="aui-list-item-inner">
                                        <div class="pro-list-item-title aui-ellipsis-2">
                                            {{item2.Name}}
                                        </div>
                                    </div>
                                    <div class=" pro_price" style="margin: 12px 0 0 0;">
                                        <div class="item_price">
                                            ￥<span>{{item2.GoodsSalePrice==''?0:item2.GoodsSalePrice}}</span>
                                        </div>
                                        <div class="productNum">共{{item2.Quantity}}件</div>
                                    </div>
                                </div>
                            </li>
                            <li v-if="item.ProductList!=undefined&&item.ProductList.length>1" class="aui-list-item"
                                style="border: none; position: relative;" v-on:click="open_order_detail(item.ID)">
                                <div class="pro_total">
                                    <div class="item_price">
                                        ￥<span>{{item.AllPrice}}</span>
                                    </div>
                                    <div class="productNum">共{{item.AllQuantity}}件</div>
                                </div>
                                <div class="aui-media-list-item-inner btn_line proInfo">
                                    <ul class="aui-tab-item" style="width:100%;">
                                        <li class="proli" v-for="item2 in item.ProductList">
                                            <div class="aui-list-item-media list-item-pic">
                                                <img :src="item2.ProductCoverImg">
                                            </div>
                                        </li>
                                        <li class="proli">
                                            <div class="aui-list-item-media list-item-pic">
                                            </div>
                                        </li>
                                    </ul>
                                </div>

                            </li>

                        </ul>
                        <div class="order_pro_fw">
                            <div  class="order_msg">
                                <div v-on:click="open_order_detail(item.ID)" class="msg_item">
                                    <div class="msgitem_title fl">配送地址</div>
                                    <div class="msgitem_dec fr">{{item.AddressDetailInfo}}</div>
                                </div>
                                <div v-on:click="open_order_detail(item.ID)" class="msg_item">
                                    <div class="msgitem_title fl">预约送达时间</div>
                                    <div class="msgitem_dec fr">{{item.AppointmentTime}}-{{item.AppointmentEndTime}}
                                    </div>
                                </div>
                                <div class="msg_item">
                                    <div class="msgitem_title fl">联系买家</div>
                                    <div class="msgitem_dec fr" v-on:click="tel_phone(item.UserPhoneNumber)">
                                        {{item.UserName==''?'--':item.UserName}}
                                        <van-icon v-if="item.UserPhoneNumber" name="phone-circle-o"
                                            class="aui-font-size-14 aui-margin-l-0" />
                                    </div>
                                </div>
                            </div>
                            <div class="order_pro_fk">
                                <div class="or_pro_rgt">
                                    <div v-if="item.OrderStatus==2&&item.PublishPointID<=0" class="or_pro_fk aui-margin-l-10"
                                    v-on:click="do_sendokorder(item.ID)">确认送达</div>
                                    <div v-if="item.OrderStatus==1" class="or_pro_fk or_pro_fk_white aui-margin-l-10"
                                        v-on:click="do_removeorder(item.ID)">取消订单</div>
                                    <div v-if="item.OrderStatus==4 " class="or_pro_fk or_pro_fk_white  aui-margin-l-10"
                                        v-on:click="do_deleteorder(item.ID)">删除</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="noinfo" id="noorder" v-if="orderlist.length<=0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无数据</h5>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript " src="js/dl_search_frm.js"></script>
<script type="text/javascript">
</script>

</html>